
// 在vite 构建的项目中如何使用pinia做数据状态管理
import { ref } from 'vue'
// 导入定义数据模块的函数
import { defineStore } from 'pinia'
// 定义数据模块(模块名称 、 ID)
export const useMenuStore = defineStore('menu', () => {
  // 定义菜单数组
  let menus = ref([
    {
      index: "1",
      id: "1",
      text: "可视化数据",
      name: "可视化数据",
      icon: 'pieChart',
      path: '/home',
    },
    {
      index: "2",
      text: '轮播图管理',
      name: '轮播图管理',
      icon: 'picture',
      // path:'/home',
      id: "2",
      childs: [
        {
          title: "",
          arr: [
            {
              name: '发布轮播图',
              index: '1-1',
              id: '1-1',
              path: '/banner_add',
            },
            {
              name: '轮播图列表',
              index: '1-2',
              id: '1-2',
              path: '/banner_list',
            }
          ]
        }
        ,
      ]
    },
    {
      index: "3",
      id: "3",
      text: "交互统计",
      name: "交互统计",
      icon: 'pointer',
      childs: [
        {
          title: "",
          arr: [
            {
              name: '歌曲交互',
              index: '2-1',
              id: '2-1',
              path: '/song_interaction',
            },
            {
              name: '歌手交互',
              index: '2-3',
              id: '2-3',
              path: '/artist_interaction',
            },
            {
              name: '专辑交互',
              index: '2-2',
              id: '2-2',
              path: '/album_interaction',
            },
            // {
            //   name: '添加商品',
            //   index: '2-4',
            //   id: '2-4',
            //   path: '/test_paper',
            // }
            // ,
            // {
            //   name: '成绩管理',
            //   index: '2-5',
            //   id: '2-5',
            //   path: '/score',
            // }
          ]
        },
      ]
    },
    {
      index: "4",
      id: "4",
      text: "社区管理",
      name: "社区管理",
      icon: 'connection',
      path: '/community_list',
    },
    {
      index: "5",
      id:"5",
      text: "评论管理",
      name: "评论管理",
      icon:'edit',
      path: '/comment_list',
    },
    {
      index: "6",
      id: "6",
      text: "用户管理",
      name: "用户管理",
      icon: 'document',
      path: '/user_list',
    },
  ])
  // 把数据和方法暴露出去（在vue组件中就可以使用的意思）
  return {
    menus
  }
})
